﻿<%@ Page Title="デック詳細" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Details.aspx.cs" Inherits="DigiCardDeck.Details" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        デック詳細
    </h2>
    <p>
        <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-hashtags="digimado">ツイート</a>
        <script>    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } } (document, 'script', 'twitter-wjs');</script>
        <br />
        <asp:Label ID="Label1" runat="server"></asp:Label>
        <br />
        <asp:Label ID="Label2" runat="server"></asp:Label>
    </p>
<p>
        <asp:DropDownList ID="DropDownZoom" runat="server" AutoPostBack="True" 
            onselectedindexchanged="DropDownZoom_SelectedIndexChanged">
            <asp:ListItem Value="75%">75％</asp:ListItem>
            <asp:ListItem Selected="True" Value="100%">100％</asp:ListItem>
            <asp:ListItem Value="150%">150％</asp:ListItem>
            <asp:ListItem Value="200%">200％</asp:ListItem>
        </asp:DropDownList>
    </p>
    <p>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            EnableModelValidation="True" ShowHeader="False" 
            onrowcommand="GridView1_RowCommand">
            <Columns>
                <asp:ImageField DataImageUrlField="image1" HeaderText="image">
                    <ControlStyle Height="270px" Width="180px" />
                </asp:ImageField>
                <asp:ImageField HeaderText="image2" DataImageUrlField="image2">
                    <ControlStyle Height="270px" Width="180px" />
                </asp:ImageField>
                <asp:ImageField HeaderText="image3" DataImageUrlField="image3">
                    <ControlStyle Height="270px" Width="180px" />
                </asp:ImageField>
                <asp:ImageField DataImageUrlField="image4" HeaderText="image4">
                    <ControlStyle Height="270px" Width="180px" />
                </asp:ImageField>
                <asp:ImageField DataImageUrlField="image5" HeaderText="image5">
                    <ControlStyle Height="270px" Width="180px" />
                </asp:ImageField>
            </Columns>
        </asp:GridView>
        <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
            EnableModelValidation="True" ShowHeader="False">
            <Columns>
                <asp:ImageField DataImageUrlField="link1" HeaderText="image">
                    <ControlStyle Height="300px" Width="200px" />
                </asp:ImageField>
                <asp:ImageField HeaderText="image2" DataImageUrlField="link2">
                    <ControlStyle Height="200px" Width="150px" />
                </asp:ImageField>
                <asp:ImageField HeaderText="image3" DataImageUrlField="link3">
                    <ControlStyle Height="200px" Width="150px" />
                </asp:ImageField>
                <asp:ImageField DataImageUrlField="link4" HeaderText="image4">
                    <ControlStyle Height="200px" Width="150px" />
                </asp:ImageField>
                <asp:ImageField DataImageUrlField="link5" HeaderText="image5">
                    <ControlStyle Height="200px" Width="150px" />
                </asp:ImageField>
            </Columns>
        </asp:GridView>
    </p>
    <p>
        &nbsp;</p>
</asp:Content>
